﻿<!DOCTYPE html>
<html lang="en" class="mm-front">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>西安博睿信息科技有限责任公司官网</title>
    <link rel="stylesheet" href="assets/css/jquery.mmenu.css">
    <link rel="stylesheet" href="assets/css/jquery.mmenu.positioning.css">
    <link rel="stylesheet" href="assets/css/swiper-3.2.7.min.css">
    <link rel="stylesheet" href="assets/css/style.css">
    <link rel="stylesheet" href="assets/css/class_web.css">
    <link rel="stylesheet" href="assets/css/dialog.css">
   
</head>

<style lang="">
</style>
<!-- style="background-color:#eeeeee" -->

<body>
    <nav id="menu" class="mm-front flex-column-start">
        <div class="menu-box">
            <div class="top-menu flex-column-space">
                <a href="index.html">
                    <div class="sub-menu flex-row-start">
                        <div class="sub-menu-home"></div>
                        <p>博睿首页</p>
                    </div>
                </a>

                <a href="course-center.html">
                    <div class="sub-menu flex-row-start">
                        <div class="sub-menu-course"></div>
                        <p>课程中心</p>
                    </div>
                </a>
                <a href="news_center.php">
                    <div class="sub-menu flex-row-start">
                        <div class="sub-menu-news"></div>
                        <p>新闻动态</p>
                    </div>
                </a>
                <a href="cooperate.html">
                    <div class="sub-menu flex-row-start">
                        <div class="sub-menu-cooperate"></div>
                        <p>就业合作</p>
                    </div>
                </a>
                <a href="about.html">
                    <div class="sub-menu flex-row-start">
                        <div class="sub-menu-about"></div>
                        <p>关于博睿</p>
                    </div>
                </a>
                <a href="open-information.html">
                    <div class="sub-menu flex-row-start">
                        <div class="sub-menu-information"></div>
                        <p>开班信息</p>
                    </div>
                </a>
            </div>

            <div class="divide-dash">

            </div>

            <div class="bottom-menu flex-column-space">
                <div class="bottom-sub-menu flex-row-space">
                    <a href="class_java.html">
                        <div class="bottom-sub-menu-list">
                            Java开发
                        </div>
                    </a>
                    <a href="class_web.html">
                        <div class="bottom-sub-menu-list">Web前端</div>
                    </a>
                </div>
                <div class="bottom-sub-menu flex-row-space">
                    <a href="class_ui.html">
                        <div class="bottom-sub-menu-list">UI设计</div>
                    </a>
                    <a href="class_data.html">
                        <div class="bottom-sub-menu-list">大数据</div>
                    </a>
                </div>
                <div class="bottom-sub-menu flex-row-space">
                    <a href="class_net.html">
                        <div class="bottom-sub-menu-list">NET开发</div>
                    </a>
                    <a href="class_embed.html">
                        <div class="bottom-sub-menu-list">嵌入式</div>
                    </a>
                </div>
                <div class="bottom-sub-menu flex-row-space">
                    <a href="class_cplus.html">
                        <div class="bottom-sub-menu-list">C++开发</div>
                    </a>
                    <a href="class_ios.html">
                        <div class="bottom-sub-menu-list">iOS开发</div>
                    </a>
                </div>
                <div class="bottom-sub-menu flex-row-space">
                    <a href="tel:029-88212666" target="_blank">
                        <div class="bottom-sub-menu-list">AR/VR</div>
                    </a>
                    <a href="class_andriod.html">
                        <div class="bottom-sub-menu-list">Andriod</div>
                    </a>
                </div>
            </div>
        </div>
        <div class="menu-divide">
        </div>
    </nav>
    <div class="header flex-row-space">
        <div class="nav-left-button flex-row-start">
            <a href="#menu">
                <img src="assets/picture/menu.png" alt="">
            </a>
        </div>
        <div class="logo flex-row-center">
            <img src="assets/images/logo.png" alt="">
        </div>
        <div class="nav-right-msg flex-column-center">
            <p class="flex-row-center">
                <img class="display-block" src="picture/phone.png" alt="">
                <a href="tel:029-88212666">&nbsp;029-88212666</a>
            </p>
        </div>
    </div>


    <div class="banner">
        <img src="assets/picture/banner.png" alt="">
    </div>



    <div class="box-contian cc">
        <div class="cooprerate main">
            <div class="box">
                <div class="course-head flex-column-start">
                    <div class="course-head-line">为什么那么多人
                        <span>选择前端</span>
                    </div>
                    <img src="assets/picture/title.png" alt="">
                </div>

                <div class="course-content1 ">
                    <div class="c-c-line flex-row-space">
                        <div class="c-c-c flex-column-start">
                            <img src="assets/picture/1.png" alt="">
                            <p>游戏</p>
                            <p>HTML5游戏数量 剧增也更成熟
                            </p>
                        </div>
                        <div class="c-c-c flex-column-start">
                            <img src="assets/picture/2.png" alt="">
                            <p>微信</p>
                            <p>H5引发微信营销 风潮
                            </p>
                        </div>
                        <div class="c-c-c flex-column-start">
                            <img src="assets/picture/3.png" alt="">
                            <p>网络应用</p>
                            <p>已成趋势，跨平台 开发更轻松快捷
                            </p>
                        </div>
                    </div>

                    <div class="c-c-line flex-row-space">
                        <div class="c-c-c flex-column-start">
                            <img src="assets/picture/4.png" alt="">
                            <p>苹果</p>
                            <p>2011年新官网完 全使用HTML5
                            </p>
                        </div>
                        <div class="c-c-c flex-column-start">
                            <img src="assets/picture/5.png" alt="">
                            <p>谷歌、微软</p>
                            <p>目前H5已独自称雄
                            </p>
                        </div>
                        <div class="c-c-c flex-column-start">
                            <img src="assets/picture/6.png" alt="">
                            <p>其他</p>
                            <p>H5产品已在身边 等你发现
                            </p>
                        </div>
                    </div>



                    <a href="tel:029-88212666" target="_blank">
                        <div class="relize1">快来改变世界</div>
                    </a>
                </div>
            </div>
        </div>
        <div class="box-contian cc">
            <div class="cooprerate main">
                <div class="box">
                    <div class="course-head flex-column-start">
                        <div class="course-head-line">如何迅速入手
                            <span>Web前端</span>
                        </div>
                        <img src="assets/picture/title.png" alt="">
                    </div>


                    <div class="swiper-container" id="swiper1">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide flex-row-center">
                                <a href="tel:029-88212666" target="_blank">
                                    <img src="assets/picture/1.png" alt="banner">
                                </a>
                            </div>
                            <div class="swiper-slide">
                                <a href="tel:029-88212666" target="_blank">
                                    <img src="assets/picture/2.png" alt="">
                                </a>
                            </div>
                        </div>
                    </div>
                    <a href="tel:029-88212666" target="_blank">
                        <div class="relize2">快人一步点我</div>
                    </a>
                </div>
            </div>
        </div>

        <div class="box-contian cc1">
            <div class="cooprerate main">
                <div class="box">
                    <div class="course-head flex-column-start">
                        <div class="course-head-line">专为你打造精品
                            <span>课程服务</span>
                        </div>
                        <img src="assets/picture/title.png" alt="">
                    </div>

                    <div class="course-in ">
                        <div class="course-in-left flex-row-center">
                            <img src="assets/picture/circle.png" alt="">
                            <p>第一阶段</p>
                        </div>
                        <div class="course-in-right flex-column-space">
                            <p>Web前端基础</p>
                            <div class="web-divide"></div>
                            <div class="course-in-content">
                                <p>HTML5基础</p>
                                <p>CSS3基础</p>
                                <p>阶段项目</p>
                                <p>原型设计与制作</p>
                                <p>阶段项目实战</p>
                                <p>CSS3高级</p>
                            </div>
                        </div>
                    </div>

                    <div class="course-in ">
                        <div class="course-in-left flex-row-center">
                            <img src="assets/picture/circle.png" alt="">
                            <p>第二阶段</p>
                        </div>
                        <div class="course-in-right flex-column-space">
                            <p>Java Script开发课程</p>
                            <div class="web-divide"></div>
                            <div class="course-in-content">
                                <p>javaScnipt核心</p>
                                <p>阶段项目实践</p>
                                <p>阶段项目</p>
                                <p>DOM编程</p>
                                <p>阶段项目实战</p>
                            </div>
                        </div>
                    </div>


                    <div class="course-in ">
                        <div class="course-in-left flex-row-center">
                            <img src="assets/picture/circle.png" alt="">
                            <p>第三阶段</p>
                        </div>
                        <div class="course-in-right flex-column-space">
                            <p>Web前端高级</p>
                            <div class="web-divide"></div>
                            <div class="course-in-content">
                                <p>HTML5高级</p>
                                <p>阶段项目实战</p>
                                <p>jQuery</p>
                                <p>Bootstrap</p>
                                <p>阶段项目实战</p>
                            </div>
                        </div>
                    </div>


                    <div class="course-in ">
                        <div class="course-in-left flex-row-center">
                            <img src="assets/picture/circle.png" alt="">
                            <p>第四阶段</p>
                        </div>
                        <div class="course-in-right flex-column-space">
                            <p>HTML5与Hybrid移动端开发</p>
                            <div class="web-divide"></div>
                            <div class="course-in-content">
                                <p>移动端页面布局</p>
                                <p>移动端常用框架使用</p>
                                <p>前端工程化</p>
                                <p>阶段项目实战</p>
                            </div>
                        </div>
                    </div>



                    <div class="course-in ">
                        <div class="course-in-left flex-row-center">
                            <img src="assets/picture/circle.png" alt="">
                            <p>第五阶段</p>
                        </div>
                        <div class="course-in-right flex-column-space">
                            <p>PHP开发与微信开发</p>
                            <div class="web-divide"></div>
                            <div class="course-in-content">
                                <p>PHP程序设计</p>
                                <p>微信公众平台开发</p>
                                <p>阶段项目实战</p>
                            </div>
                        </div>
                    </div>

                    <div class="course-in ">
                        <div class="course-in-left flex-row-center">
                            <img src="assets/picture/circle.png" alt="">
                            <p>第六阶段</p>
                        </div>
                        <div class="course-in-right flex-column-space">
                            <p>PS设计</p>
                            <div class="web-divide"></div>
                            <div class="course-in-content">
                                <p>PS设计基础</p>
                                <p>PS项目实战练习</p>
                                <p>阶段项目实战</p>
                            </div>
                        </div>
                    </div>
                    <a href="tel:029-88212666" target="_blank">
                        <div class="relize2">了解课程详情</div>
                    </a>
                </div>
            </div>
        </div>




        <div class="box-contian cc1">
            <div class="cooprerate main">
                <div class="box">
                    <div class="course-head flex-column-start">
                        <div class="course-head-line">靠不靠谱可以看看
                            <span>学员作品</span>
                        </div>
                        <img src="assets/picture/title.png" alt="">
                    </div>


                    <div class="picScroll-left">
                        <div class="bd">
                            <ul class="picList">
                                <li>
                                    <div>
                                        <img src="assets/picture/1.png" alt="">
                                    </div>
                                </li>
                                <li>
                                    <div>
                                        <img src="assets/picture/2.png" alt="">
                                    </div>
                                </li>
                                <li>
                                    <div>
                                        <img src="assets/picture/3.png" alt="">
                                    </div>
                                </li>
                                <li>
                                    <div>
                                        <img src="assets/picture/4.png" alt="">
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <a href="tel:029-88212666" target="_blank">
                        <div class="relize2">了解更多详情</div>
                    </a>
                </div>
            </div>
        </div>




        <div class="box-contian cc1 ">
            <div class="cooprerate main">
                <div class="box">


                    <div class="course-head flex-column-start">
                        <div class="course-head-line">给自己一个
                            <span>高薪的机会</span>
                        </div>
                        <img src="assets/picture/title.png" alt="">
                    </div>


                    <div class="apply-content flex-column-space">
                        <!-- <div>
                            <div class="input-img">
                                <img src="assets/picture/course.png" alt="">
                            </div>
                            <select name="" id="" class="selectCourse">
                                <option value="0">请选择课程</option>
                                <option value="java">JAVA</option>
                                <option value="web">HTML5</option>
                                <option value="net">.Net</option>
                                <option value="cplus">C++</option>
                                <option value="ui">UI</option>
                                <option value="data">大数据</option>
                                <option value="embeded">嵌入式</option>
                                <option value="ios">iOS</option>
                                <option value="android">Android</option>
                            </select>
                            <div class="down-angel">
                                <img src="assets/picture/down.png" alt="">
                            </div>
                        </div> -->
                        <div>
                            <div class="input-img">
                                <img src="assets/picture/name.png" alt="">
                            </div>
                            <input type="text" placeholder="您的姓名" class="name apply-input" value="" name="user_name" id="user_name">
                        </div>
                        <div>
                            <div class="input-img">
                                <img src="assets/picture/telephone.png" alt="">
                            </div>
                            <input type="text" placeholder="您的手机号码" class="phone apply-input" value="" name="telephone" id="telephone">
                        </div>
                        <div>
                            <div class="input-img">
                                <img src="assets/picture/qq.png" alt="">
                            </div>
                            <input type="text" placeholder="联系QQ" class="qq apply-input" value="" name="qq" id="qq">
                        </div>
                        <button class="tj_btn">立即报名</button>
                    </div>
                </div>
            </div>
        </div>




        <!-- footer -->
        <div class="main flex-column-center">
            <div class="box flex-column-center footer">
                <p>咨询热线：029-88212666</p>
                <p>公司地址：西安市雁塔区电子一路 石油大学北门工会楼二层</p>
            </div>
        </div>
    
        <div class="copyright main flex-column-center">
            <div class="box flex-column-center">
                <p>西安智众博睿信息技术有限公司 ©2020 版权所有</p>
            </div>
        </div>


        <script src="assets/js/jquery.min.js"></script>
        <script src="assets/js/jquery.mmenu.min.js"></script>
        <script src="assets/js/swiper-3.4.0.jquery.min.js"></script>
        <script src="assets/js/jquery.superslide.2.1.1.js"></script>
        <script src="assets/js/common.js"></script>
        <script src="assets/js/verify.js" type="text/javascript"></script>
        <script src="assets/js/ui_theme.0.0.1.js" type="text/javascript"></script>
        <script src="assets/js/dialog.js"></script>
        

        <script>
            $(function () {
                var html = $('html'),
                    menu = $('nav#menu'),
                    both = html.add(menu);
                menu.mmenu();


                var swiper1 = new Swiper('#swiper1', {
                    slidesPerView: 1,
                    // spaceBetween: 30,
                    loop: true,
                    autoplay: true,
                    centeredSlides: true,
                    autoplay: 5000,
                });

                $(".picScroll-left").slide({
                    mainCell: ".bd ul",
                    autoPlay: true,
                    effect: "leftLoop",
                    scroll: 1,
                    delayTime: 500,
                    vis: 2,
                });
            })
        </script>
</body>

</html>